<template>
	<div>
		<div class="content-top">
			<span class="h1">项目管理</span>
			<span class="h2">业主审核</span>
		</div>
		<div class="contens">
			<div class="left-content clearfix" style="margin-bottom: 20px;">
				<p class="titles fl">业主审核</p>
				<div class="fl" style="margin-left: 30px;">
                    <!--<router-link v-bind="{to:'/sform/'+(1)}"><el-button type="primary">新建</el-button></router-link>
					  <el-button type="primary">土地导入</el-button>
					  <el-button type="primary">坟山导入</el-button>-->
					  <span style="margin-left: 20px;">工程项目：</span>
					  <el-select v-model="proValue" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					  </el-select>
            <span style="margin-left: 20px;">行政区域</span>
            <el-cascader :options="regions" v-model="form.region" change-on-select filterable></el-cascader>
				</div>
				<div class="fr" >
					<el-input v-model="search" placeholder="请输入内容" style="width:217px;"></el-input>
					<el-button type="primary">查询</el-button>
				</div>
			</div>
			<el-table :data="prosData" border style="width: 100%">
        <el-table-column
                type="index"
                width="50">
              </el-table-column>
				<el-table-column prop="gcxm" label="工程项目">
				</el-table-column>
				<el-table-column prop="name" label="户主">
				</el-table-column>
				<el-table-column prop="card" label="身份证号">
				</el-table-column>
				<el-table-column prop="tel" label="电话">
				</el-table-column>
				<el-table-column prop="bank" label="开户银行">
				</el-table-column>
				<el-table-column prop="bankID" label="银行账号">
				</el-table-column>
                <el-table-column prop="xzqy" label="行政区域">
				</el-table-column>
                <el-table-column prop="bcze" label="补偿总额">
				</el-table-column>
				<el-table-column label="操作">
					<template slot-scope="scope">
							<el-dropdown  trigger="click">
                  <el-button type="primary">
                      操作<i class="el-icon-arrow-down el-icon--right"></i>
                  </el-button>
                  <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item>
                        <router-link v-bind="{to:'/sform/'+(1)}"><el-button size="small"  type="success">查看</el-button></router-link>
                        </el-dropdown-item>
                      <el-dropdown-item><el-button type="danger"  size="small" @click="fnDel(scope.$index, prosData)">删除</el-button></el-dropdown-item>
                  </el-dropdown-menu>
              </el-dropdown>
						</template>
				</el-table-column>
			</el-table>
			<div class="pages">
				<el-pagination background layout="prev, pager, next" :total="50">
				</el-pagination>
			</div>
		</div>
	</div>
</template>
<script></script>
<script>
export default {
  name: "businesUdit",
  data() {
    return {
      search: "",
      proValue: "", //工程选中
      labelPosition: "left",
      prosData: [
        {
          gcxm: "项目一",
          name: "张三",
          card: "5002361993055555555",
          tel: "15123530999",
          bank: "中国工商银行",
          bankID: "62220231000000000",
          xzqy:'重庆',
          bcze:'12345',
          state:'正常'
        },
        {
          gcxm: "项目二",
          name: "李四",
          card: "5002361993055555555",
          tel: "15123530999",
          bank: "中国工商银行",
          bankID: "62220231000000000",
          xzqy:'重庆',
          bcze:'12345',
          state:'正常'

        },
        {
          gcxm: "项目三",
          name: "王五",
          card: "5002361993055555555",
          tel: "15123530999",
          bank: "中国工商银行",
          bankID: "62220231000000000",
          xzqy:'重庆',
          bcze:'12345',
          state:'正常'
        }
      ], //工程项目
      form: {
        region:[],
        gcxm: "",
        name: "",
        card: "",
        tel: "",
        bank: "",
        bankID: "",
        bcze:''
      },
      options: [
        {
          value: "项目一",
          label: "项目一"
        },
        {
          value: "项目二",
          label: "项目二"
        },
        {
          value: "项目三",
          label: "项目三"
        },
        {
          value: "项目四",
          label: "项目四"
        }
      ],
      regions: [
        {
          value: "重庆",
          label: "重庆",
          children: [
            {
              value: "江北",
              label: "江北",
              children: [
                {
                  value: "大石坝",
                  label: "大石坝"
                },
                {
                  value: "观音桥",
                  label: "观音桥"
                },
                {
                  value: "五里店",
                  label: "五里店"
                }
              ]
            },
            {
              value: "渝中",
              label: "渝中",
              children: [
                {
                  value: "朝天门",
                  label: "朝天门"
                },
                {
                  value: "两路口",
                  label: "两路口"
                },
                {
                  value: "较场口",
                  label: "较场口"
                }
              ]
            }
          ]
        },
        {
          value: "四川",
          label: "四川",
          children: [
            {
              value: "成都",
              label: "成都",
              children: [
                {
                  value: "青羊区",
                  label: "青羊区"
                },
                {
                  value: "成华区",
                  label: "成华区"
                }
              ]
            },
            {
              value: "广安",
              label: "广安",
              children: [
                {
                  value: "广安一",
                  label: "广安一"
                },
                {
                  value: "广安二",
                  label: "广安二"
                }
              ]
            }
          ]
        }
      ]
    };
  },
  methods: {
    fnDel(index, rows) {
      rows.splice(index, 1);
    }
  }
};
</script>

<style>

</style>